<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="num1" value="" />
		<!-- 加减乘除 -->
		<select id="suanShu1">
			<option value ="0">＋</option>
			<option value ="1">-</option>
			<option value ="2">*</option>
			<option value ="3">/</option>
		</select>
		<input type="text" id="num2" value="" />
		<button type="button" onclick="NewClick()">计算</button>
		<input type="text" id="num3" value="" />
		
			
	</body>
	<script type="text/javascript">
	    {
			// 加法函数
			function a(){
				//接受用户输入的数据1
				var NewNum=document.getElementById('num1').value;
				var NewNum2=document.getElementById('num2').value;
				var jia=parseInt(NewNum)+parseInt(NewNum2);
				// 再将值赋进jia
				document.getElementById('num3').value=jia;
			}
			//减法函数
			function b(){
				//接受用户输入的数据1
				var NewNum=document.getElementById('num1').value;
				var NewNum2=document.getElementById('num2').value;
				var jian=parseInt(NewNum)-parseInt(NewNum2);
				document.getElementById('num3').value=jian;
				
				
			}
			//乘法函数
			function c(){
				//接受用户输入的数据1
				var NewNum=document.getElementById('num1').value;
				var NewNum2=document.getElementById('num2').value;
				var cheng=parseInt(NewNum)*parseInt(NewNum2);
				document.getElementById('num3').value=cheng;
			}
			//除法函数
			function d(){
				//接受用户输入的数据1
				var NewNum=document.getElementById('num1').value;
				var NewNum2=document.getElementById('num2').value;
				var chufa=parseInt(NewNum)/parseInt(NewNum2);
				document.getElementById('num3').value=chufa;		
			}

			//设置单击事件
			function NewClick(){
				//先获取下拉框的内容
				var Newop=document.getElementById('suanShu1');
				console.log(Newop)
				//获取下拉框的索引
				var index2=Newop.selectedIndex;
				console.log(index2)
				//在获取里面的value显示值
			    var NewIndex=Newop.options[index2].value;
				console.log(NewIndex)
				//在通过switch case 来输出函数
				switch(NewIndex){
					case '0':
					        a()
							console.log('11')
					break;
					
					case '1':
					       b()
					break;
					
					case '1':
					        c()
					break;
					
					case '1':
					d();
					break;
					
					default:
					break;
					
				}			
				
			}		
		}
		
		
		
		
		
	</script>
</html>
